@charset "utf-8";
@import "reset";
@import "iconfont";
.web {
    //      width:1000px;
    .top {
        width: 200px;
        height: 100px;
        img {
            //          width: 100%;
            overflow: hidden;
            margin-left: 110px;
        }
    }
    .content {
        height: 588px;
        background-image: url('../img/bgimage.jpg');
        background-position: top center;
        position: relative;
        .form {
            background: white;
            width: 410px;
            height: 540px;
            text-align: center;
            position: absolute;
            top: 48px;
            right: 110px;
            .login {
                padding-top: 30px;
                a {
                    color: #f56600;
                    font-size: 24px;
                }
                a:nth-of-type(2) {
                    color: black;
                    &:hover {
                        color: #f56600;
                    }
                }
                b {
                    color: #e0e0e0;
                    font-size: 24px;
                    margin: 0 30px;
                }
            }
            .srk {
                margin-top: 30px;
                input {
                    margin: 8px;
                    text-indent: 1em;
                    width: 346px;
                    height: 48px;
                }
                input[type="button"] {
                    background-color: #f56600;
                    color: white;
                }
                p {
                    display: inline-block;
                    a {
                        font-size: 14px;
                        color: #f56600;
                    }
                }
                span {
                    &:nth-of-type(1) {
                        margin-left: 80px;
                    }
                    a {
                        font-size: 14px;
                        color: #e0e0e0;
                        &:hover {
                            color: #f56600;
                        }
                    }
                }
                b {
                    font-size: 14px;
                    color: #e0e0e0;
                }
            }
            .bot {
                margin-top: 90px;
                position: relative;
                p {
                    font-size: 14px;
                    color: #e0e0e0;
                    &:before {
                        content: "";
                        display: block;
                        width: 127px;
                        height: 1px;
                        background: #e0e0e0;
                        position: absolute;
                        top: 8px;
                        left: 34px;
                    }
                    &:after {
                        content: "";
                        display: block;
                        width: 127px;
                        height: 1px;
                        background: #e0e0e0;
                        position: absolute;
                        top: 8px;
                        right: 34px;
                    }
                }
            }
            .font{
                 margin-top: 20px;
                 i{
                     font-size: 32px;
                     color: #757575;
                     margin-left: 20px;
                 }
//               a:nth-of-type(1){
//                   &:hover{
//                       color:red;
//                   }
//               }
                
            }
        }
    }
    .footer {
        text-align: center;
        margin-top: 100px;
        ul {
            li {
                display: inline-block;
                a {
                    color: #757575;
                    &:hover {
                        color: black;
                    }
                }
                b {
                    color: #757575;
                    margin: 0 5px;
                }
            }
            //          a:nth-of-type(1){
            //              color:black;
            //          }
        }
        p {
            margin-top: 10px;
            color: #757575;
            a {
                color: #757575;
            }
        }
    }
}